<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

	<!--- Some jquery stuff --->
	<link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    <script src="../../scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../../scripts/Thrive.js"  type="text/javascript"></script>
    <script src="../../scripts/2.5.3-crypto-sha1.js"  type="text/javascript"></script>
    <script src="AccountControl.js" type="text/javascript"></script>
    <script src="../Feel/Feel.js" type="text/javascript"></script>
    <script src="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    
    <link rel="stylesheet" href="../../css/style.css" type="text/css" />
</head>

<body>
	<div id="login" data-role="page" data-theme="a">

	<script type="text/javascript">
		$("#login").live('pagecreate', function() {
			login_prefetch();
		});
		
		$('#login').bind('pagebeforeshow', function() {
			clearLoginForm();
		});
		
		$(".popup_container").live('click', function() {
			removePopup();
		});
		
		$(".popup_container").live('tap', function() {
			removePopup();
		});
		
		$(".popup_container").bind('touchstart', function()  {
			removePopup();
		});
		
		$("#submit_login").live('click', function() {
			login();
		});
	</script>
    
    <div class="popup_container" style="display:none;">
        <div class="popup"></div>
    </div>
        
    <div data-role="header" data-theme="a">
    	<a href="../../index.html" data-role="button" data-icon="arrow-l "data-transition="slideup" data-direction="reverse">Thrive</a>
        <h1>Login</h1>
        <a href="share.html" data-icon="gear" data-rel="dialog" data-transition="pop">Create</a>
    </div>
    
    <div data-role="content" data-theme="a">
            
        <form id="login_form" selected="true">
            <fieldset>
                    <input type="hidden" name="deviceid" id="deviceid" value=""  />
                    
                    <div class="row">
                    <label for="login_user_name">Email address:</label>
                    <input type="email" name="user_name" id="login_user_name" value=""  />
                    </div>
                    
                    <div class="row">
                    <label for="login_password_temp">Password:</label>
                    <input type="password" name="password_temp" id="login_password_temp" value=""  />
                    </div>
            </fieldset>
            <a id="submit_login" type="submit" data-role="button" href="javascript:void(0)">Submit</a>
        </form>
        
    </div>
    
    </div>
</body>

</html>
